import Home from "@/pages/Home"
import Search from "@/pages/Search"
import Login from "@/pages/Login"
import Register from "@/pages/Register"
import Detail from "@/pages/Detail"
import AddCartSuccess from "@/pages/AddCartSuccess"
import ShopCart from "@/pages/ShopCart"

export default [
    {
        path:'/shopcart',
        component:ShopCart
    },
    {
        path: "/addcartsuccess",
        component:AddCartSuccess
    },
    {
        path: '/home',
        component:Home
    },
    {
        path: '/search/:keyword?' ,
        component:Search,
        name: 'search',
        // props://这个props是我们在路由组件当中操作params参数和query参数的简化方法
        // props:true, //会默认把传递过来的params参数，额外的映射为组件当中的属性去操作
        // props:{username:"按行啊很难过"}  //传递一个对象，传递的是额外你需要的静态数据，不需要就不用传递了
        // props:(route)=>{
        //     return {
        //                 keyword:route.params.keyword,
        //                 keyword1:route.query.keyword1
        //            }
        // },
    },
    {
        path: '/login',
        component:Login,
        //路由对象当中的元配置项，可以配置我们所需要的任何数据
        //query参数是在路径后面，以？分割？后面a=1&c=2就是query参数
        //query参数不属于路径的一部分，路径匹配的时候，不需要关心我这个参数
        meta:{
            isHidden: true, 
        },
    },
    {
        path: '/register',
        component:Register,
        meta:{
            isHidden: true,
        },
    },
    {
       path:"/",
       redirect:'/home', 
    },
    {
        path:"/Detail/:goodId",
        component:Detail,
    },
]   //配置路由